@import "../../assets/style/_var.less";
/*模态框*/
.base-popup {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.mask {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.body {
  position: absolute;
  z-index: 10001;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: @color-bg-heavyer;
  border-top: 1rpx solid @color-border-main;
  border-radius: 30rpx 30rpx 0 0;

  .close-btn {
    width: 110rpx;
    height: 52rpx;
    background: @color-bg-main;
    border-radius: 26rpx;
    margin: 24rpx auto 40rpx;
  }
  .title {
    font-weight: bold;
    height: 42rpx;
    font-size: 34rpx;
    line-height: 42rpx;
    text-align: center;
    margin-bottom: 60rpx;
  }
  .cont-box {
    margin: 0 32rpx;
  }
  .confirm-btn {
    width: 686rpx;
    margin: 0 auto;
    height: 80rpx;
    margin-top: 16rpx;
    background: @color-theme;
    border-radius: 40rpx;
  }
}

/*动画前初始位置*/
.init-pos {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
